<template>
    <view class="zcfg">
       <view v-if="dataList.length && !loading">
         <ArticleList :articleList="dataList" url="/pagesB/zcfg/zcfgDetail" />
       </view>
        <view class="u-m-30" v-show="loading">
      <u-skeleton rows="5" title loading></u-skeleton>
    </view>
      <view class="empty-con">
		<u-empty mode="list" :show="!dataList.length&&!loading"></u-empty>
	  </view>
    </view>

</template>

<script setup>
import { ref } from "vue"
import ArticleList from '../../components/ArticleList.vue';
import { getzcfgListApi } from "@/api/index"
import { useList } from "@/hooks/useList"
import { onLoad } from "@dcloudio/uni-app"
const { loadData, dataList, page,loading } = useList({
    listApi: getzcfgListApi
})
onLoad((param) => {
    page.value = 1
    dataList.value = []
    loadData()
})
</script>

<style lang="scss" scoped></style>
